<script setup>
const tableData = [
  {
    date: '2016-05-03',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
]
</script>

<template>
  <h1>6666666</h1>
  <el-table :data="tableData" class="without-outline" style="width: 100%">
    <el-table-column label="Date" prop="date" width="180"/>
    <el-table-column label="Name" prop="name" width="180"/>
    <el-table-column label="Address" prop="address"/>
  </el-table>
</template>

<style scoped>
.without-outline :deep(.el-tooltip__trigger:focus-visible) {
  outline: unset;
}

</style>